/*
 228b5d : hijau utama
 * */

body {
	/*	background: url('../images/greenbg.png') repeat-x;*/
	background: url('../images/header-top.png') repeat-x;
}
a {
	color: #fff;
	text-decoration: none;
}
ul li {
	display: inline-block;
}
a.tags {
	font-size: 12px;
	color: #000;
	background: #e1ebff;
	padding: 0 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	border-radius: 2px;
}
/*header*/
#header {
	background: url('../images/header-top.png') repeat-x #228b5d;
	height: 30px;
	font-size: 90%;
}
#header #logo {
	float: left;
	padding-top: 3px;
}
#header #nav {
	float: right;
}
#header #nav ul li {
	line-height: 30px;
}
#header #nav ul li a {
	display: block;
	padding: 0 10px;
}
#header #nav ul li a:hover, #header #nav ul li .active {
	background: url('../images/selected.png') repeat-x;
	color: #55cc99;
	display: block;
	height: 30px;
}
#header #nav ul li .active {
	font-weight: bolder;
}
/*-header*/
/*kotak list*/
.shadow {
	-moz-box-shadow: 2px 2px 3px #1a1a1a;
	-webkit-box-shadow: 2px 2px 3px #1a1a1a;
	box-shadow: 2px 2px 3px #1a1a1a;
}
.thumb {
	margin-bottom: 10px;
}
.thumb .title {
	height: 200px;
	margin-bottom: 0px;
	position: relative;
}
.thumb .title .info {
	background: url('../images/infothumb.png') repeat;
	bottom: 0px;
	left: 0px;
	position: absolute;
	padding: 5px;
	width: 210px;
}
.thumb .imgthumb {
	border: 1px solid #000;
	width: 218px;
}
.thumb .arrow {
	background: url('../images/arrow.png') no-repeat 10px;
	height: 5px;
	margin-top: 5px;
}
.thumb .prop {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #444444;
	height: 30px;
	padding: 0 5px;
}
.thumb .prop .prop-icon {
	font-size: 12px;
	padding-top: 5px;
}
.thumb .prop .prop-icon .icon {
	background: url('../images/iconsiklus.png') no-repeat;
	text-align: right;
	text-indent: 100px;
	width: 25px;
	float: right;
}
.thumb .prop .prop-icon .left {
	background-position: center -124px;
}
.thumb .prop .prop-icon .center {
	background-position: center -364px;
}
.thumb .prop .prop-icon .right {
	background-position: center -245px;
}
.thumb .prop .prop-icon .nonhover {
	text-indent: 15px;
	padding-right: 5px;
	margin-left: 5px;
	float: left;
}
.thumb .prop .prop-icon .siklus {
	background-position: -8px -125px
}
.thumb .prop .prop-icon .comment {
	background-position: -8px -364px;
}
.thumb .prop .prop-icon .like {
	background-position: -8px -245px;
}
.thumb .prop .prop-icon .hate {
	background-position: -8px -245px;
}
/*-kotak list*/
/* bagian footer*/
#footer {
	background-color: #228b5d;
	height: 30px;
	font-size: 70%;
}
#footer ul {
	padding-top: 5px;
}
#footer ul li {
	border-right: solid 1px #fff;
	float: left;
	padding: 0 10px;
}
